<#assign ctx=request.contextPath>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>${title}</title>
    <link rel="stylesheet" href="${ctx}/static/css/base.css">
    <link rel="stylesheet" href="${ctx}/static/css/element-ui.css">
</head>
<body>

<div id="App" v-cloak>
    <#list serviceGroupList as groupItem>
        <el-row :gutter="10" style="margin-top:5px">
            <el-col :span="24" style="margin-bottom: 10px">
                <el-card shadow="hover">
                    <div slot="header" class="clearfix">
                        <span class="title" style="font-size: 16px">${groupItem.name}</span>
                    </div>
                    <div class="card_content">
                        <div class="bottom clearfix">
                            <el-row :gutter="10" style="margin-top:5px">
                                <#list groupItem.serviceItemList as serviceItem>
                                    <el-col :span="3" style="margin-bottom: 10px">
                                        <el-card shadow="hover" style="cursor: pointer">
                                            <div class="card_content" @click="goto('${serviceItem.url}')">
                                                <span class="title">${serviceItem.name}</span>
                                            </div>
                                        </el-card>
                                    </el-col>
                                </#list>
                            </el-row>
                        </div>
                    </div>
                </el-card>
            </el-col>
        </el-row>
    </#list>
</div>
<script src="${ctx}/static/js/vue.js"></script>
<script src="${ctx}/static/js/element-ui.js"></script>
<script src="${ctx}/static/js/axios.js"></script>

<script>
    vm = new Vue({
        el: '#App',
        data() {
            return {}
        },
        methods: {
            init() {
                vm = this;
            },
            goto(url) {
                console.log(url)
                window.open(url, '_blank');
            }
        },
        created() {
            this.init();
        }
    });
</script>
</body>
</html>
